 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
   <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <script>
      Timeline_ajax_url="timeline_ajax/simile-ajax-api.js";
      Timeline_urlPrefix='timeline_js/';
      Timeline_parameters='bundle=true';
    </script>
    <script src="timeline_js/timeline-api.js" type="text/javascript"></script>
<script>
 var tl;
 function onLoad() {
   var eventSource = new Timeline.DefaultEventSource();
   var d = new Date();
   var bandInfos = [
     Timeline.createBandInfo({
         width:          "80%",
         eventSource:    eventSource,
         date: d,
         intervalUnit:   Timeline.DateTime.MINUTE,
         intervalPixels: 20
     }),
     Timeline.createBandInfo({
         width:          "10%",
         eventSource:    eventSource,
         date: d,
         intervalUnit:   Timeline.DateTime.HOUR,
         intervalPixels: 300,
         layout: 'overview'
     }),
     Timeline.createBandInfo({
         width:          "10%",
         eventSource:    eventSource,
         date: d,
         intervalUnit:   Timeline.DateTime.DAY,
         intervalPixels: 800,
         layout: 'overview'
     }),
   ];
   bandInfos[1].syncWith = 0;
   bandInfos[1].highlight = true;
   bandInfos[2].syncWith = 1;
   bandInfos[2].highlight = true;   
   tl = Timeline.create(document.getElementById("my-timeline"), bandInfos);
   Timeline.loadXML("example.xml", function(xml, url) { eventSource.loadXML(xml, url); });
 }

 var resizeTimerID = null;
 function onResize() {
     if (resizeTimerID == null) {
         resizeTimerID = window.setTimeout(function() {
             resizeTimerID = null;
             tl.layout();
         }, 500);
     }
 }
</script>
   </head>
   <body onload="onLoad();" onresize="onResize();"> <div 
id="my-timeline" style="height: 400px; border: 1px solid #aaa"></div> 
<noscript> This page uses Javascript to show you a Timeline. Please 
enable Javascript in your browser to see the full page. Thank you. 
</noscript>   </body>
 </html>
